import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/views/Home'
import store from "@/store";
Vue.use(VueRouter)
let originPush = VueRouter.prototype.push;
// //console.log(originPush);
//重写VueRouter.prototype身上的push方法了
VueRouter.prototype.push = function (location, resolve, reject) {
  //第一个形参：路由跳转的配置对象（query|params）
  //第二个参数：undefined|箭头函数（成功的回调）
  //第三个参数:undefined|箭头函数（失败的回调）
  if (resolve && reject) {
    //push方法传递第二个参数|第三个参数（箭头函数）
    //originPush：利用call修改上下文，变为(路由组件.$router)这个对象，第二参数：配置对象、第三、第四个参数：成功和失败回调函数
    originPush.call(this, location, resolve, reject);
  } else {
    //push方法没有产地第二个参数|第三个参数
    originPush.call(
      this,
      location,
      () => { },
      () => { }
    );
  }
};
//重写VueRouter.prototype身上的replace方法了
VueRouter.prototype.replace = function (location, resolve, reject) {
  if (resolve && reject) {
    originReplace.call(this, location, resolve, reject);
  } else {
    originReplace.call(
      this,
      location,
      () => { },
      () => { }
    );
  }
};
const routes = [
  {
    path: '/',
    redirect: '/home'
  },
  {
    path: '/home',
    component: Home,
    meta: { show: true }
  },
  {
    name: 'search',  // 是当前路由的标识名称
    path: '/search/:keyword?',
    meta: { show: true },
    // 将params参数和query参数映射成属性传入路由组件
    props: route => ({ keyword3: route.params.keyword, keyword4: route.query.keyword2 }),
    component: () => import('@/views/Search'),
  },
  {
    path: '/login',
    component: () => import('@/views/Login'),
    meta: { show: false }
  },
  {
    path: '/center',
    component: () => import('@/views/Center'),
    meta: { show: true },
    children: [
      {
        path: 'myorder',
        component: () => import('@/views/Center/myOrder'),
      },
      {
        path: 'grouporder',
        component: () => import('@/views/Center/groupOrder'),
      },
      {
        path: '/center',
        redirect:'/center/myorder'
      }
    ]
  },
  {
    path: '/register',
    component: () => import('@/views/Register'),
    meta: { show: false }
  },
  {
    path: '/detail/:skuid?',
    component: () => import('@/views/Detail'),
    meta: { show: true },
  },
  {
    path: '/addcartsuccess',
    name: 'addcartsuccess',
    component: () => import('@/views/AddCartSuccess'),
    meta: { show: true },
  },
  {
    path: '/shopcart',
    name: 'shopcart',
    component: () => import('@/views/ShopCart'),
    meta: { show: true },
  },
  {
    path: '/trade',
    name: 'trade',
    component: () => import('@/views/Trade'),
    meta: { show: true },
    //路由守卫
     /* 只能从购物车界面, 才能跳转到交易界面 */
     beforeEnter (to, from, next) {
      if (from.path==='/shopcart') {
        next()
      } else {
        next('/shopcart')
      }
    }
  },
  {
    path: '/pay',
    name: 'pay',
    component: () => import('@/views/Pay'),
    meta: { show: true },
    /* 只能从交易界面, 才能跳转到支付界面 */
    beforeEnter (to, from, next) {
      if (from.path==='/trade') {
        next()
      } else {
        next('/trade')
      }
    }
  },
  {
    path: '/paysuccess',
    name: 'paysuccess',
    component: () => import('@/views/PaySuccess'),
    meta: { show: true },
     /* 只有从支付界面, 才能跳转到支付成功的界面 */
     beforeEnter (to, from, next) {
      if (from.path==='/pay') {
        next()
      } else {
        next('/pay')
      }
    }
  },
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes,
  scrollBehavior(to, from, savedPosition) {
    return { y: 0 };
  }
})
//全局守卫：前置守卫（在路由跳转之间进行判断）
router.beforeEach(async (to, from, next) => {
  //to:获取到要跳转到的路由信息
  //from：获取到从哪个路由跳转过来来的信息
  //next: next() 放行  next(path) 放行  
  //方便测试 统一放行
  //  next();
  //获取仓库中的token-----可以确定用户是登录了
  let token = store.state.user.token;
  //用户信息
  let name = store.state.user.userInfo.name;
  //用户登录了
  if (token) {
    //已经登录而且还想去登录------不行
    if (to.path == "/login" || to.path == '/register') {
      next('/');
    } else {
      //已经登陆了,访问的是非登录与注册
      //登录了且拥有用户信息放行
      if (name) {
        next();
      } else {
        //登陆了且没有用户信息
        //在路由跳转之前获取用户信息且放行
        try {
          //重新获取
          await store.dispatch('getUserInfo');
          //放行
          next();
        } catch (error) {
          //token失效从新登录 //先退出登录
          await store.dispatch('userLogout');``
          //跳转到登录页面
          next('/login')
        }
      }
    }
  } else {
    // 未登录：不能去交易相关、不能去支付相关【pay|paysuccess】、不能去个人中心
    // 未登录去上面这些路由-----登录
    let toPath = to.path;
    // indexOf(String str): 返回指定字符在字符串中第一次出现处的索引，如果此字符串中没有这样的字符，则返回 -1。
    if (toPath.indexOf('/trade') != -1 || toPath.indexOf('/pay') != -1 || toPath.indexOf('/center') != -1) {
      //把未登录的时候向去而没有去成的信息，存储于地址栏中【路由】
      //配合login的路由跳转
      next('/login?redirect=' + toPath);
    } else {
      //去的不是上面这些路由（home|search|shopCart）---放行
      next();
    }

  }
});

export default router
